<template>
  <div class="import">
    <el-card style="margin:20px;height:80vh">
      <h2 style="text-align:center">员工导入</h2>
      <uploadExcel :onSuccess="onSuccess"></uploadExcel>
    </el-card>
  </div>
</template>

<script>
import { imEmp } from '@/api/emloyees'
export default {
  methods: {
    // beforeUpload (files) {
    //   // console.log(files)
    //   if (files.size > 102400) {
    //     this.$message.error('文件过大')
    //     return
    //   }
    // },
    // 将onSuccess方法传入到子组件，子组件调用并传了一个参数，然后就可以打印出来了
    async onSuccess ({ header, results }) {
      // console.log(header, results)
      // excel表头中文改英文
      const obj = {
        入职日期: 'timeOfEntry',
        手机号: 'mobile',
        姓名: 'username',
        转正日期: 'correctionTime',
        工号: 'workNumber'
      }
      const arr = []
      results.forEach(item => {
        const newObj = {}
        for (let key in item) {
          // 这里的key就是中文key
          // 判断key是否是入职日期或转正日期
          if (key == '入职日期' || key == '转正日期') {
            // 修改key对应的值（时间）的格式
            const excelTime = item[key]
            // 转成js时间
            const date = new Date((excelTime - 1) * 24 * 60 * 60 * 1000)
            console.log(date)
            // 得到年份
            let year = date.getFullYear()
            date.setFullYear(year - 70)
            newObj[obj[key]] = date
          } else {
            newObj[obj[key]] = item[key]
          }
        }
        // 里层遍历结果为修改后的对象，将每次得到的对象添加到一个新的数组里
        arr.push(newObj)
      })
      // 得到了修改后的数据（数组）
      console.log('arr:', arr)
      // 用新的数据发请求
      await imEmp(arr)
      // 提示
      this.$message.success('导入成功')
      // 跳转回原来页面
      this.$router.back()
    }
  }
}
</script>

<style></style>
